<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>参天大树考试系统登录</title>
		<link rel="icon" href="img/temp/favicon.ico"/>
	    <link rel="stylesheet" type="text/css" href="/css/webbase.css"/>
	    <link rel="stylesheet" type="text/css" href="/css/pages-shoplogin.css"/>
		<link rel="stylesheet" href="css/pages-login-manage.css">

	</head>
	<body>
		<div id="app" class="login-box">
			<!--head-->
			<div class="py-container logoArea">
				<img src="img/temp/ctds.png" width="250" align="left" />
			</div>
			<!--loginArea-->
			<div class="loginArea">
				<div class="login ">
					<div class="py-container">
			              <table>
							  <tr><td>&nbsp;</td></tr>
							  <tr><td>&nbsp;</td></tr>
							  <tr><td>&nbsp;</td></tr>
							  <tr><td>&nbsp;</td></tr>
							  <tr><td>&nbsp;</td></tr>
							  <tr><td>&nbsp;</td></tr>
							  <tr>
								  <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
								  <td>
									  <div class="loginform">
										  <ul class="sui-nav nav-tabs tab-wraped">
											  <li>
												  <a href="#index" data-toggle="tab">
													  <h3>扫描登录</h3>
												  </a>
											  </li>
											  <li class="active">
												  <a href="#profile" data-toggle="tab">
													  <h3>账户登录</h3>
												  </a>
											  </li>
										  </ul>
										  <div class="tab-content tab-wraped">
											  <div id="index" class="tab-pane">
												  <img src="img/temp/erweima112.png" height="260" width="260"/>
											  </div>
											  <div id="profile" class="tab-pane  active">
												  <form action="/web/loginweb" method="post" class="sui-form">
													  <div class="input-prepend">
														  <span class="add-on loginname"></span>
														  <input type="text" name="username"
																 placeholder="邮箱/用户名/手机号" class="span2 input-xfat"/>
													  </div>
													  <div class="input-prepend">
														  <span class="add-on loginpwd"></span>
														  <input type="password" name="password"
																 placeholder="请输入密码" class="span2 input-xfat"/>
													  </div>


													  <div class="setting">
														  <div id="slider">
															  <div id="slider_bg"></div>
															  <span id="label">>></span>
															  <span id="labelTip">拖动滑块验证</span>
														  </div>
													  </div>


													  <div class="setting">
														  <label class="checkbox inline">
															  <input name="m1" type="checkbox" value="2" checked=""/>自动登录
														  </label>
														  <span class="forget">忘记密码？</span>
													  </div>
													  <div class="logined">
														  <input id="submitbutton" type="submit" disabled="disabled"  class="sui-btn btn-block btn-xlarge btn-danger"
																 value="登&nbsp;&nbsp;录"/>
													  </div>
												  </form>
												  <div class="otherlogin">
													  <div class="types">
														  <ul>
															  <li><img src="/img/qq.png" width="35px" height="35px" /></li>
															  <li><img src="/img/sina.png" /></li>
															  <li><img src="/img/ali.png" /></li>
															  <li><img src="/img/weixin.png" /></li>
														  </ul>
													  </div>
													  <span class="register">
										<a href="register.html" target="_blank">立即注册</a>
									</span>
												  </div>
											  </div>
										  </div>
									  </div>
								  </td>
							  </tr>
						  </table>

					</div>
				</div>
			</div>
			<!--foot-->
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>

			<br/>
			<div class="py-container copyright">
				<ul>
					<li>关于我们</li>
					<li>联系我们</li>
					<li>联系客服</li>
					<li>小Q帮你</li>
					<li>BIOM</li>
					<li>PMS</li>
					<li>珠海四部社区</li>
				</ul>
				<div class="address">风里雨里，珠海四部，我们有你更精彩！不忘初心，牢记使命。团结奋进，珠海四部，我们砥砺前行！</div>
				<div class="beian">粤ICP备xxxxxxx号 粤公网安备xxx
		</div>
			</div>
</div>


<script src="js/plugins/jquery/jquery.min.js"></script>
<script src="/js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script src="/js/plugins/sui/sui.min.js"></script>
<script src="/js/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
<script src="/js/pages/jquery.slideunlock.js"></script>
<script src="/js/pages/shoplogin.js"></script>


<script>
	$(function(){
		var slider = new SliderUnlock("#slider",{
			successLabelTip : "欢迎访问参数大树考试系统"
		},function(){

			$("#submitbutton").removeAttr("disabled");
			// alert("验证成功,即将跳转至首页");
			// window.location.href="index.html"
		});
		slider.init();
	})
</script>

</body>
</html>